import { defineComponent, PropType } from "vue";
import { showSlot } from "~/src/utils/hooks";
import Style from './1080.module.scss';

export default defineComponent({
    props: {
        /** 医生id */
        docId: {
            type: String as PropType<string>,

        },
        /** 医生头像*/
        docPicture: {
            type: String as PropType<string>,

        },
        /**医生姓名 */
        name: {
            type: String as PropType<string>,

        },
        /**医生职称 */
        title: {
            type: String as PropType<string>,

        },
        /**医生介绍 */
        introduce: {
            type: String as PropType<string>,

        },
        /**号源状态 满号或者有号 */
        hyzt: {
            type: String as PropType<string>,

        },

    },
    setup(props, { slots, attrs }) {
        return () => <div class={Style.outer} {...attrs}>

                <div class={Style.fontStyle}>
                    {props.hyzt == '有号' ? <span style="color: #3973F8;">有号</span> : <span style='color: #FB1434;'>满号</span>}
                </div>
                <div class={Style.docpicStyle}>
                    <img src={props.docPicture}></img>
                </div>






            <div style={{ marginTop: "26px" }}>
                <span class={Style.nameFontStyle}>
                    {props.name}
                </span >
                <span class={Style.titleFontStyle}>【{props.title}】 </span>
            </div>
            <div class={Style.introduceFontStyle} style={{ marginTop: "36px" }}>
                {props.introduce}
            </div>
            <div >
                <div class={Style.btnStyle} style={{ marginTop: "26px" }}>
                    {showSlot(slots, "btn")}
                </div>
            </div>
        </div>
    }
})
